<template>
	<view class="root-box">
		<view class="search-box">
			<uv-search placeholder="请输入" v-model="keyword" :showAction="true" actionText="筛选"  bgColor="#fff"></uv-search>
		</view>
		
		<view class="loop-container">
			<view class="loop-box">
				<view class="flx-default">
					<view class="img-box"></view>
					<view class="ml-20">
						<view class="fz28 fzW">红菌粉条</view>
						<view class="fz24 cdark">社区：<text class="cgray">花园社区</text></view>
						<view class="fz24 cdark">分类：<text class="cgray">包装食品</text></view>
						<view class="fz24 cdark">价格：<text class="cgray">16.88</text></view>
					</view>
				</view>
				<view class="flx-default-sb mt-20">
					<view class="cgray fz20">
						<view>产品编号</view>
						<view>fw5995468588337</view>
					</view>
					<view class="flx-default">
						<tui-button type="black" shape="circle" plain :size="24" :width="'110rpx'" :height="'50rpx'">删除</tui-button>
						<view class="temp"></view>
						<tui-button type="danger" shape="circle" :size="24" plain :width="'110rpx'" :height="'50rpx'">编辑</tui-button>
					</view>
					
				</view>
			</view>
			
			<view class="loop-box">
				<view class="flx-default">
					<view class="img-box"></view>
					<view class="ml-20">
						<view class="fz28 fzW">红菌粉条</view>
						<view class="fz24 cdark">社区：<text class="cgray">花园社区</text></view>
						<view class="fz24 cdark">分类：<text class="cgray">包装食品</text></view>
						<view class="fz24 cdark">价格：<text class="cgray">16.88</text></view>
					</view>
				</view>
				<view class="flx-default-sb mt-20">
					<view class="cgray fz20">
						<view>产品编号</view>
						<view>fw5995468588337</view>
					</view>
					<view class="flx-default">
						<tui-button type="black" shape="circle" plain :size="24" :width="'110rpx'" :height="'50rpx'">删除</tui-button>
						<view class="temp"></view>
						<tui-button type="danger" shape="circle" :size="24" plain :width="'110rpx'" :height="'50rpx'">编辑</tui-button>
					</view>
					
				</view>
			</view>     
			
		</view>
		
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	
	import {
		onLoad,
		onReachBottom,
		onShow,
		onPullDownRefresh
	} from '@dcloudio/uni-app'
	
	import {
		
	} from '@/api/other.js'
	
	
	import {
		navigate
	} from '@/util/tools.js';

	const onSuccess=()=>{
		let url='/pages-public/operation_result?status=success&title=完成服务&desc=本次服务已完成，感谢您的辛苦付出'
		navigate(url)
	}
	const init = async () => {
		

	}
	init()
	
	onLoad( async (options) => {
		
		
	 
	})
	
</script>

<style lang="scss" scoped>
	
	.search-box{
		padding: 30rpx 30rpx;
		box-sizing: border-box;
	}
	
	.loop-container{
		padding: 0 30rpx;
		box-sizing: border-box;
	}
	
	.loop-box{
		margin-top: 20upx;
		background-color: #fff;
		border-radius: 10upx;
		padding: 20rpx 30rpx;
		box-sizing: border-box;
	}
	
	.img-box{
		width: 120upx;
		height: 120upx;
		background-color: #ccc;
	}
	
	.temp{
		width: 20upx;
		height: 40upx;
	}
	
	
	
	
</style>